<html>
    <head>
        <title>电子地图</title>
	<meta name="layout" content="main" />
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <g:javascript src="jquery-1.2.4a.js" />
        <g:javascript>
          function showMap() {
            $.post("/TheSales/gmap/show",
              {
                addressLine:$('#addressLine').val(),
                city:$('#city').val(),
                state:$('#state').val(),
                zipCode:$('#zipCode').val(),
                country:$('#country').val()
              },
              function(data) {
                $('#map_div').html(data);
              }
            );
          }
        </g:javascript>
    </head>
    <body>
        <div class="nav">
            <span class="menuButton"><g:link class="list" controller="tools" action="toolList">个人实用工具列表</g:link></span>
        </div>
        <div class="body">
      <table style="width:100%;height:100%;border-collapse:collapse;border:1px solid black">
        <tbody>
          <tr>
            <td>
                  <div class="dialog">
                      <table>
                          <tbody>

                              <tr class="prop">
                                  <td valign="top" class="name">
                                      <label for="addressLine1">地址:</label>
                                  </td>
                                  <td valign="top">
                                      <input type="text" id="addressLine" name="addressLine" value=""/>
                                  </td>
                              </tr>

                              <tr class="prop">
                                  <td valign="top" class="name">
                                      <label for="city">城市:</label>
                                  </td>
                                  <td valign="top">
                                      <input type="text" id="city" name="city" value="苏州"/>
                                  </td>
                              </tr>

                              <tr class="prop">
                                  <td valign="top" class="name">
                                      <label for="state">省份:</label>
                                  </td>
                                  <td valign="top">
                                      <input type="text" id="state" name="state" value="江苏"/>
                                  </td>
                              </tr>

                              <tr class="prop">
                                  <td valign="top" class="name">
                                      <label for="zipCode">邮编:</label>
                                  </td>
                                  <td valign="top">
                                      <input type="text" id="zipCode" name="zipCode" value=""/>
                                  </td>
                              </tr>

                              <tr class="prop">
                                  <td valign="top" class="name">
                                      <label for="country">国家:</label>
                                  </td>
                                  <td valign="top">
                                      <input type="text" id="country" name="country" value="中国"/>
                                  </td>
                              </tr>

                          </tbody>
                      </table>
                  </div>
                  <div>
                      <span><input type="submit" value="Show Map" onclick="showMap()" /></span>
                  </div>

            </td>
            <td style="width:100%;height:100%;padding:0;border:1px solid black">
              <div id="map_div"/>
            </td>
          </tr>
        </tbody>
      </table>
      </div>

    </body>
</html>